<script setup lang="ts">
  import WmsDeliveryQuery from './components/wms-DeliveryQuery.vue';
  import WmsLogQuery from './components/wms-LogQuery.vue';
  import BoxMaterialQuery from './components/box-MaterialQuery.vue';
  import BoxQuery from './components/box-Query.vue';
  import DistributedBoxQuery from './components/distributed-BoxQuery.vue';
  import WmsDeliveryTicketQuery from './components/wms-DeliveryTicketQuery.vue';
</script>

<template>
  <div class="flow-query">
    <a-card>
      <template #title>
        <div class="card-title">综合查询</div>
      </template>
      <div class="content">
        <a-tabs
          type="card-gutter"
          size="large"
          default-active-key="1"
          lazy-load
          class="a-tabs"
        >
          <a-tab-pane key="1" title="日志查询"><WmsLogQuery /></a-tab-pane>
          <a-tab-pane key="2" title="分配缓存箱查询">
            <DistributedBoxQuery />
          </a-tab-pane>
          <a-tab-pane key="3" title="缓存箱物料查询">
            <BoxMaterialQuery />
          </a-tab-pane>
          <a-tab-pane key="4" title="配送查询"><WmsDeliveryQuery /></a-tab-pane>
          <a-tab-pane key="5" title="交接单查询">
            <WmsDeliveryTicketQuery />
          </a-tab-pane>
          <a-tab-pane key="6" title="缓存箱查询">
            <BoxQuery />
          </a-tab-pane>
        </a-tabs>
      </div>
    </a-card>
  </div>
</template>

<style scoped>
  .flow-query {
    margin: 0px;
    padding: 10px;
    height: 100%;
  }
  .card-title {
    font-size: 24px;
  }
  .content {
    margin-top: 0px;
    display: flex;
    flex-direction: column;
  }
</style>
